﻿<div class="toolbox">
    <ul class="list-unstyled" style="width:50px">
        @*<li><a href="https://gitee.com/DotNetStar/TheKing/issues" class="feedback" title="反馈中心" target="_blank"><i class="fa fa-2x fa-pencil"></i></a></li>*@
        <li class="text-center p-3 pointer" style="background-color:#ddd;display:none" id="back-to-top" title="回到顶部"><i class="fa fa-2x fa-arrow-up"></i></li>
    </ul>
</div>
<script>
    if ($('#back-to-top').length) {
        var scrollTrigger = 100; // px

        // $(window).scrollTop()与 $(document).scrollTop()产生结果一样
        // 一般使用document注册事件，window使用情况如 scroll, scrollTop, resize
        $(window).on('scroll', function () {
            if ($(window).scrollTop() > scrollTrigger) {
                $('#back-to-top').fadeIn();
            } else {
                $('#back-to-top').fadeOut();
            }
        });

        $('#back-to-top').on('click', function (e) {
            // html,body 都写是为了兼容浏览器
            $('html,body').animate({
                scrollTop: 0
            }, 700);

            return false;
        });
    }
</script>